cascading style sheets reference

בוררים של פסדו-אלמנטים

הסבר

מאז הכללתו כמדיום טקסט בלבד של ASCII, עבור החלוקה של מאמרים מדעיים (בלי סגנון, בלי דמויות ובלי מבנה דף), הרשת הפכה למדיום חדש של ביטוי ופרסום. הוא עדיין לוקח את האות שלו מן הדף המודפס, שהוא בראש ובראשונה מדיום סטאטי, עבור הביטוי של סוג המידע שפורסם באופן מסורתי על נייר.

שני אפקטים טיפוגרפיים מסורתיים, שמפתחי ה-CSS חשו כי חשוב לאפשר בקלות בדפי האתר, הם אפשריים ע"י בוררי הפסדו-אלמנטים.

לעיתים קרובות מאוד, בפרסום המסורתי, האות הראשונה והשורה הראשונה של הפיסקה מופיעות בצורה שונה מאשר שאר פיסקה זו.

הבורר של השורה הראשונה הראשונה בוחר את השורה הראשונה של אלמנט מסויים, לדוגמא (והכי נפוץ), פיסקה.

הבורר של האות הראשונה בוחר את האות הראשונה של אלמנט מסויים (באופן המפתיע ביותר) ומאפשר לכם ליצור מה שמוגדר, לעיתים קרובות, כאפקט ה-drop cap.

CSS2 הציג בפנינו שני בוררים של פסדו-אלמנטים חדשים, לפני ו- אחרי.

בורר הפסדו של לפני בוחר אלמנט כלשהו ומאפשר הכנסת תוכן (טקסט, דמויות ותוכן אחר) לפני האלמנט הנבחר.

בורר הפסדו של אחרי בוחר אלמנט כלשהו ומאפשר הכנסת תוכן אחרי האלמנט הנבחר. עבור יותר פרטים בנושא בדקו את החלק שלנו על תוכן מחולל.

מדוע אלה מכונים בוררי פסדו-אלמנטים? חשבו על כך: האם יש אלמנט HTML עבור האות הראשונה של אלמנט מסויים? ומה לגבי השורה הראשונה? לא. כך, שכאשר אנו "בוחרים" את השורה הראשונה, אנו באמת ממציאים משהו לבחירה, שלא נמצא ב-HTML. לכן אנו מתייחסים אל אלה כפסדו-אלמנטים.

תחביר

הבורר של השורה הראשונה בוחר את השורה הראשונה של אלמנט מסויים. צורת הבורר הזה היא הבורר עבור האלמנט שאחריו בא first-line.

לדוגמא, הבורר שבוחר את השורה הראשונה של כל גוש ציטוט הוא:

BLOCKQUOTE:first-line

והבורר שבוחר את השורה הראשונה של כל פיסקה הוא

P:first-line

הבורר של האות הראשונה הוא כמעט זהה, בהחליפו את האות בשורה. האות הראשונה של גוש הציטוט תיבחר ע"י הדבר הבא

BLOCKQUOTE:first-letter

בעוד שהאות הראשונה של פיסקה כלשהי נבחרת בעזרת בורר זה

P:first-letter

הבוררים של לפני ואחרי הם זהים, אך הם מחליפים את מילת המפתח לפני או אחרי.

שימוש

משתמשים בבורר השורה הראשונה כדי לתת אפקט שונה עבור השורה הראשונה של כל פיסקה או כל אלמנט אחר.

הבורר של האות הראשונה מאפשר לכם לתת אפקט של drop-cap או כל אפקט אחר עבור האות הראשונה של אלמנט נבחר.

בוררי הפסדו-אלמנט של לפני ואחרי מאפשרים את ההכנסה של תוכן לפני ואחרי אלמנט מסויים.

תזכרו, הרעיון מאחורי דפי הסגנון הוא להפריד את מראה הדפים שלכם מן התוכן. ללא בורר זה נצטרך לסמן באופן פיזי את השורה הראשונה או את האות הראשונה של פיסקה מסויימת או אלמנט אחר, כדי להשיג את האפקטים הנ"ל.